<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>${(systemConfig.shopName)!} - Powered By ${systemConfig.systemName}</title>
<meta name="Author" content="webmall Team" />
<meta name="Copyright" content="webmall" />
<#if (systemConfig.metaKeywords)! != ""><meta name="keywords" content="${systemConfig.metaKeywords}" /></#if>
<#if (systemConfig.metaDescription)! != ""><meta name="description" content="${systemConfig.metaDescription}" /></#if>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<#include "/WEB-INF/template/common/include.ftl">
<link href="${base}/template/shop/css/login.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/register.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/index.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/product.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/shop/css/article.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/common/css/tabswitch.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${base}/template/shop/js/login.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/register.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/index.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/product.js"></script>
<script type="text/javascript" src="${base}/template/common/js/tabswitch.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$(".hotProduct .scrollable").scrollable({
		circular: true,
		speed: 500
	});
});
</script>
</head>
<body class="index">
	<#include "/WEB-INF/template/shop/header.ftl">
	<div class="body">
		<div class="navContainer">
			<span class="navParent">
				${rootCategory.name}
			</span>
				<#if rootCategory.children !=null >
					<#list rootCategory.children as list>
					<#if list_index + 1 != 1>
					<span class="navSplit">|</span>
					</#if>
					<span class="navChild">
						${list.name}
					</span>
					</#list>
				</#if>
		</div>
		
		<div class="blank"></div>
	
		<div class="bodyLeft">
			<div class="productCategory" style="border:solid 1px rgb(116,216,233);background-color:rgb(235,248,254);display:block;">
				<div class="currentCategory">
					${rootCategory.name}
				</div>
				<#if rootCategory.children !=null >
					<#list rootCategory.children as list>
						<div class="category">
							<div class="top">
								<#if list.children ==null || list.children?size < 1 >
									<a href="${base}/shop/product!list.action?id=${list.id}">${list.name}</a>
								<#else>
									<a href="${base}${list.htmlFilePath}">${list.name}</a>
								</#if>
							</div>
							<div class="middle">
								<#if list.children !=null >
									<#list list.children as list>
										<div class="child">
											<#if list.children ==null || list.children?size < 1 >
												<a href="${base}/shop/product!list.action?id=${list.id}">${list.name}</a>
											<#else>
												<a href="${base}${list.htmlFilePath}">${list.name}</a>
											</#if>
										</div>
									</#list>
								</#if>
							</div>
						</div>
					</#list>
				</#if>
			</div>
		</div>
		<div class="bodyRight">
			<div class="slider">
				<div class="items">
					<div class="cycle_parent">
						<div id="test1" class="cycle">
								<#list bannerList as list>
									<img src="${base}${list}" />
								</#list>
						</div>
						<div class="cycle_nav" id="test1_btn" style="text-align:center;">
						
						</div>
					</div>
				</div>
			</div>
			<div class="blank"></div>
			<div class="hotProduct">
				<div class="title">
					<span><strong>推荐商品</strong></span>
				</div>
				
				<a class="prev browse"></a>
				<div class="scrollable">
					<div class="items">
                        <#if hotProductList==null|| hotProductList?size==0>
                        	<div>
								<ul>
                        </#if>
						<#list hotProductList as list>
							<#if list_index + 1 == 1>
								<div>
								<ul>
							</#if>
							<li>
								<a href="${base}${list.htmlFilePath}">
								<img width="140" height="140"  src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
									<#if (list.name?length < 12)>
										<p title="${list.name}">${list.name}</p>
									<#else>
										<p title="${list.name}">${list.name[0..9]}...</p>
									</#if>
									<font color="red">￥${list.price}</font>
								</a>
							</li>
							<#if (list_index + 1) % 4 == 0 && list_has_next && list_index + 1 != 12>
								</ul>
								</div>
								<div>
								<ul>
							</#if>
							<#if ((list_index + 1) % 4 == 0 && !list_has_next) || list_index + 1 == 12>
								<#break />
							</#if>
						</#list>
                        </ul>
						</div>
					</div>
				</div>
				<a class="next browse"></a>
			</div>
			
			<div class="blank"></div>
			
			<div class="limittime">
				<div class="title">
					<span><strong>热销商品</strong></span>
				</div>
				<div class="middle">
					<ul>
						<#list hotProductList as list>
							<li >
								<span style="float:left;">
								<a href="${base}${list.htmlFilePath}">
									<img width="140" height="140"  src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
									<#if (list.name?length < 12)>
										<p>${list.name}</p>
									<#else>
										<p>${list.name[0..9]}...</p>
									</#if>
									<p>
										<font color="red">￥${list.price}</font>
									</p>
								</a>
								</span>
							</li>
							<#if list_index + 1 == 4>
								<#break>
							</#if>
						</#list>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
			
		</div>
		
		<div class="blank"></div>
		
		<#list categoryBeanList as list>
			<div class="productions">
				<div class="top">
					<span class="categoryParent"><strong>${list.category.name}</strong></span>
					<span class="categoryChildren">
						<span class="categoryChild">
							<a href="javascript:void(0);" name="productAttribute" hidefocus="true">热销</a>
						</span>
						<#if (list.childCategory != null && list.childCategory?size > 0)>
							<#list list.childCategory as list>
								<span class="navSplit">|</span>
								<span class="categoryChild">
									<a href="${base}/shop/product!list.action?id=${list.id}" name="productAttribute" hidefocus="true">${list.name}</a>
								</span>
							</#list>
						</#if>
					</span>
				</div>
				<div class="left">
					<div class="cycle_parent">
						<div id="test_${list_index+1}" class="cycle" style="width:195px;height:440px;">
								<img src="${base}/template/webmall/images/demo/floor_face.png" />
								<img src="${base}/template/webmall/images/demo/floor_face.png" />
								<img src="${base}/template/webmall/images/demo/floor_face.png" />
						</div>
						<div class="cycle_nav" style="background:none;" id="test_${list_index+1}_btn"></div>
					</div>
				</div>
				<div class="right">
					<div class="middle">
						<ul>
							<#list list.product as list>
									<li >
										<a href="${base}${list.htmlFilePath}">
											<img width="140" height="140"  src="${base}${(list.productImageList[0].thumbnailProductImagePath)!systemConfig.defaultThumbnailProductImagePath}" alt="${list.name}" />
											<#if (list.name?length < 12)>
												<p>${list.name}</p>
											<#else>
												<p>${list.name[0..9]}...</p>
											</#if>
											<font color="red">￥${list.price}</font>
										</a>
									</li>
									<#if list_index + 1 == 8>
										<#break>
									</#if>
							</#list>
						</ul>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="blank"></div>
			</div>
			<div class="blank"></div>
			<#if list_index + 1 == 6>
				<#break>
			</#if>
		</#list>
	</div>
	<div class="blank"></div>
	<#include "/WEB-INF/template/shop/footer.ftl">
</body>
</html>